import { Suspense } from 'react'
import { ConfigProvider } from 'antd'
import { getThemeTokenOptions } from './theme'
import AppRouter from './router/AppRouter'
import FullLoading from './pages/Loading'
import { Provider } from 'mobx-react'
import { store } from '@/store'
import zhCN from 'antd/lib/locale/zh_CN'
import { useApp } from './hooks/useApp'
import { Provider as KeepAliveProvider } from 'react-keep-alive'

import './App.css'
import './theme/index.scss'
import 'animate.css';

function App() {
  const {} = useApp();
  
  return (
    <Provider root={store} >
      <ConfigProvider theme={{  }} locale={zhCN}>
        <Suspense fallback={<FullLoading />}>
          <KeepAliveProvider>
            <AppRouter />
          </KeepAliveProvider>
        </Suspense>
      </ConfigProvider>
    </Provider>
  )
}

export default App
